<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>预约列表</title>
		<!-- 导入vue框架 -->
		<script src="js/v3.2.8/vue.global.prod.js"></script>
		<!-- 导入ElementPlus框架 -->
		<script src="js/element-plus.js"></script>
		<!-- 导入Elementplus Icon  -->
		<script src="js/element-icons.js"></script>
		<!-- 导入Elementplus Css样式 -->
		<link rel="stylesheet" href="css/element-plus.css">
		<!-- 引入主页面样式 -->
		<link rel="stylesheet" href="css/main.css">
	</head>
<body scroll="no">
  <div id="app" data-v-app="">
    <!-- 面包屑导航 -->
    <div ref_key="breadcrumb" class="el-breadcrumb" aria-label="Breadcrumb" role="navigation">
      <span class="el-breadcrumb__item">
        <span ref_key="link" class="el-breadcrumb__inner" role="link">预约</span>
        <span class="el-breadcrumb__separator" role="presentation">/</span>
      </span>
      <span class="el-breadcrumb__item" aria-current="page">
        <span ref_key="link" class="el-breadcrumb__inner" role="link">预约列表</span>
        <span class="el-breadcrumb__separator" role="presentation">/</span>
      </span>
    </div>

    <!-- 查询表单 -->
    <div style="margin-top: 20px;">
      <div class="el-descriptions margin-top">
        <div class="el-descriptions__header">
          <div class="el-descriptions__title">体检客户查询</div>
          <div class="el-descriptions__extra">
            <button ref_key="_ref" ariadisabled="false" type="button" class="el-button el-button--primary">
              <span class="">查询</span>
            </button>
          </div>
        </div>
        
        <div class="el-descriptions__body">
          <table class="el-descriptions__table is-bordered">
            <tbody>
              <!-- 第一行查询条件 -->
              <tr>
                <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
                  <div class="cell-item">手机号</div>
                </td>
                <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="0">
                  <div class="el-input">
                    <div ref_key="wrapperRef" class="el-input__wrapper" tabindex="-1">
                      <input ref_key="input" class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="输入搜索的手机号" id="el-id-2013-18">
                    </div>
                  </div>
                </td>
                
                <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
                  <div class="cell-item">姓名</div>
                </td>
                <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="0">
                  <div class="el-input">
                    <div ref_key="wrapperRef" class="el-input__wrapper" tabindex="-1">
                      <input ref_key="input" class="el-input__inner" type="text" autocomplete="off" tabindex="0" placeholder="输入预约体检的客户信息" id="el-id-2013-19">
                    </div>
                  </div>
                </td>
                
                <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
                  <div class="cell-item">性别</div>
                </td>
                <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="0">
                  <div class="el-select m-2">
                    <div class="select-trigger el-tooltip__trigger el-tooltip__trigger">
                      <div class="el-input el-input--suffix">
                        <div ref_key="wrapperRef" class="el-input__wrapper" tabindex="-1">
                          <input ref_key="input" class="el-input__inner" role="combobox" aria-controls="el-id-2013-1" type="text" readonly autocomplete="off" tabindex="0" placeholder="选择性别" id="el-id-2013-20">
                          <span class="el-input__suffix">
                            <span class="el-input__suffix-inner">
                              <i class="el-icon el-select__caret el-select__icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                  <path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
                                </svg>
                              </i>
                            </span>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </td>
              </tr>
              
              <!-- 第二行查询条件 -->
              <tr>
                <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
                  <div class="cell-item">预约院区</div>
                </td>
                <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="0">
                  <div class="el-select m-2">
                    <div class="select-trigger el-tooltip__trigger el-tooltip__trigger">
                      <div class="el-input el-input--suffix">
                        <div ref_key="wrapperRef" class="el-input__wrapper" tabindex="-1">
                          <input ref_key="input" class="el-input__inner" role="combobox" aria-controls="el-id-2013-6" type="text" readonly autocomplete="off" tabindex="0" placeholder="选择院区地址" id="el-id-2013-21">
                          <span class="el-input__suffix">
                            <span class="el-input__suffix-inner">
                              <i class="el-icon el-select__caret el-select__icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                  <path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
                                </svg>
                              </i>
                            </span>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </td>
                
                <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
                  <div class="cell-item">套餐类型</div>
                </td>
                <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="0">
                  <div class="el-select m-2">
                    <div class="select-trigger el-tooltip__trigger el-tooltip__trigger">
                      <div class="el-input el-input--suffix">
                        <div ref_key="wrapperRef" class="el-input__wrapper" tabindex="-1">
                          <input ref_key="input" class="el-input__inner" role="combobox" aria-controls="el-id-2013-11" type="text" readonly autocomplete="off" tabindex="0" placeholder="预约套餐" id="el-id-2013-22">
                          <span class="el-input__suffix">
                            <span class="el-input__suffix-inner">
                              <i class="el-icon el-select__caret el-select__icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                                  <path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path>
                                </svg>
                              </i>
                            </span>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </td>
                
                <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
                  <div class="cell-item">体检时间</div>
                </td>
                <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="0">
                  <div aria-haspopup="dialog" class="el-input el-input--prefix el-input--suffix el-date-editor el-date-editor--date el-tooltip__trigger el-tooltip__trigger" role="combobox" aria-controls="el-id-2013-16">
                    <div ref_key="wrapperRef" class="el-input__wrapper" tabindex="-1">
                      <span class="el-input__prefix">
                        <span class="el-input__prefix-inner">
                          <i class="el-icon el-input__icon">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
                              <path fill="currentColor" d="M128 384v512h768V192H768v32a32 32 0 1 1-64 0v-32H320v32a32 32 0 0 1-64 0v-32H128v128h768v64zm192-256h384V96a32 32 0 1 1 64 0v32h160a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h160V96a32 32 0 0 1 64 0zm-32 384h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 0 1 0 64h-64a32 32 0 0 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m192-192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64m0 192h64a32 32 0 1 1 0 64h-64a32 32 0 1 1 0-64"></path>
                            </svg>
                          </i>
                        </span>
                      </span>
                      <input ref_key="inputRef" class="el-input__inner" name="" aria-controls="el-id-2013-16" type="text" autocomplete="off" tabindex="0" placeholder="Pick a day" id="el-id-2013-23">
                    </div>
                  </div>
                </td>
              </tr>
              
              <!-- 第三行查询条件 -->
              <tr>
                <td class="el-descriptions__cell el-descriptions__label is-bordered-label" colspan="1">
                  <div class="cell-item">是否归档</div>
                </td>
                <td class="el-descriptions__cell el-descriptions__content is-bordered-content" colspan="5">
                  <div ref_key="radioGroupRef" class="el-radio-group ml-4" role="radiogroup" aria-label="radio-group" id="el-id-2013-24">
                    <label class="el-radio is-checked">
                      <span class="el-radio__input is-checked">
                        <input ref_key="radioRef" class="el-radio__original" name="el-id-2013-17" type="radio" value="1">
                        <span class="el-radio__inner"></span>
                      </span>
                      <span class="el-radio__label">未归档</span>
                    </label>
                    <label class="el-radio">
                      <span class="el-radio__input">
                        <input ref_key="radioRef" class="el-radio__original" name="el-id-2013-17" type="radio" value="2">
                        <span class="el-radio__inner"></span>
                      </span>
                      <span class="el-radio__label">已归档</span>
                    </label>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

    <!-- 预约列表 -->
    <div style="margin-top: 20px;">
      <h4>预约客户查询列表</h4>
      <div class="el-table--fit el-table--striped el-table--scrollable-x el-table--enable-row-hover el-table--enable-row-transition el-table el-table--layout-fixed is-scrolling-left" data-prefix="el" style="width: 100%;">
        <div class="el-table__inner-wrapper">
          <!-- 表格头部 -->
          <div class="el-table__header-wrapper">
            <table class="el-table__header" border="0" cellpadding="0" cellspacing="0" style="width: 1420px;">
              <colgroup>
                <col name="el-table_1_column_1" width="180">
                <col name="el-table_1_column_2" width="120">
                <col name="el-table_1_column_3" width="180">
                <col name="el-table_1_column_4" width="180">
                <col name="el-table_1_column_5" width="240">
                <col name="el-table_1_column_6" width="140">
                <col name="el-table_1_column_7" width="120">
                <col name="el-table_1_column_8" width="260">
              </colgroup>
              <thead class="">
                <tr class="">
                  <th class="el-table_1_column_1 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">订单编号</div>
                  </th>
                  <th class="el-table_1_column_2 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">客户姓名</div>
                  </th>
                  <th class="el-table_1_column_3 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">客户手机号</div>
                  </th>
                  <th class="el-table_1_column_4 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">预约院区</div>
                  </th>
                  <th class="el-table_1_column_5 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">预约套餐</div>
                  </th>
                  <th class="el-table_1_column_6 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">预约时间</div>
                  </th>
                  <th class="el-table_1_column_7 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">是否归档</div>
                  </th>
                  <th class="el-table_1_column_8 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                    <div class="cell">操作</div>
                  </th>
                </tr>
              </thead>
            </table>
          </div>
          
          <!-- 表格主体 -->
          <div class="el-table__body-wrapper">
            <div ref_key="scrollbarRef" class="el-scrollbar">
              <div ref_key="wrapRef" class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                <div ref_key="resizeRef" class="el-scrollbar__view" style="display: inline-block; vertical-align: middle;">
                  <table class="el-table__body" cellspacing="0" cellpadding="0" border="0" style="table-layout: fixed; width: 1420px;">
                    <colgroup>
                      <col name="el-table_1_column_1" width="180">
                      <col name="el-table_1_column_2" width="120">
                      <col name="el-table_1_column_3" width="180">
                      <col name="el-table_1_column_4" width="180">
                      <col name="el-table_1_column_5" width="240">
                      <col name="el-table_1_column_6" width="140">
                      <col name="el-table_1_column_7" width="120">
                      <col name="el-table_1_column_8" width="260">
                    </colgroup>
                    <tbody tabindex="-1">
                      <!-- 表格行数据 - 示例数据重复7次 -->
                      <tr class="el-table__row">
                        <td class="el-table_1_column_1 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">2023100256211023</div>
                        </td>
                        <td class="el-table_1_column_2 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">张一山</div>
                        </td>
                        <td class="el-table_1_column_3 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">13100000000</div>
                        </td>
                        <td class="el-table_1_column_4 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">熙康云医院-浑南院区</div>
                        </td>
                        <td class="el-table_1_column_5 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">23东软家属已婚女士套餐C</div>
                        </td>
                        <td class="el-table_1_column_6 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">2015-02-12</div>
                        </td>
                        <td class="el-table_1_column_7 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">已归档</div>
                        </td>
                        <td class="el-table_1_column_8 is-center el-table__cell" rowspan="1" colspan="1">
                          <div class="cell">
                            <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
                              <span class="">取消预约</span>
                            </button>
                            <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
                              <span class="">编辑</span>
                            </button>
                          </div>
                        </td>
                      </tr>
					  <tr class="el-table__row">
					    <td class="el-table_1_column_1 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2023100256211023</div>
					    </td>
					    <td class="el-table_1_column_2 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">张一山</div>
					    </td>
					    <td class="el-table_1_column_3 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">13100000000</div>
					    </td>
					    <td class="el-table_1_column_4 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">熙康云医院-浑南院区</div>
					    </td>
					    <td class="el-table_1_column_5 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">23东软家属已婚女士套餐A</div>
					    </td>
					    <td class="el-table_1_column_6 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2015-02-12</div>
					    </td>
					    <td class="el-table_1_column_7 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">已归档</div>
					    </td>
					    <td class="el-table_1_column_8 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">取消预约</span>
					        </button>
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">编辑</span>
					        </button>
					      </div>
					    </td>
					  </tr>
					  <tr class="el-table__row">
					    <td class="el-table_1_column_1 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2023100256211023</div>
					    </td>
					    <td class="el-table_1_column_2 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">张一山</div>
					    </td>
					    <td class="el-table_1_column_3 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">13100000000</div>
					    </td>
					    <td class="el-table_1_column_4 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">熙康云医院-浑南院区</div>
					    </td>
					    <td class="el-table_1_column_5 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">23东软家属已婚女士套餐B</div>
					    </td>
					    <td class="el-table_1_column_6 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2015-02-12</div>
					    </td>
					    <td class="el-table_1_column_7 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">已归档</div>
					    </td>
					    <td class="el-table_1_column_8 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">取消预约</span>
					        </button>
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">编辑</span>
					        </button>
					      </div>
					    </td>
					  </tr>
					  <tr class="el-table__row">
					    <td class="el-table_1_column_1 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2023100256211023</div>
					    </td>
					    <td class="el-table_1_column_2 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">张一山</div>
					    </td>
					    <td class="el-table_1_column_3 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">13100000000</div>
					    </td>
					    <td class="el-table_1_column_4 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">熙康云医院-浑南院区</div>
					    </td>
					    <td class="el-table_1_column_5 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">23东软家属已婚女士套餐D</div>
					    </td>
					    <td class="el-table_1_column_6 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2015-02-12</div>
					    </td>
					    <td class="el-table_1_column_7 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">已归档</div>
					    </td>
					    <td class="el-table_1_column_8 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">取消预约</span>
					        </button>
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">编辑</span>
					        </button>
					      </div>
					    </td>
					  </tr>
					  <tr class="el-table__row">
					    <td class="el-table_1_column_1 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2023100256211023</div>
					    </td>
					    <td class="el-table_1_column_2 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">张一山</div>
					    </td>
					    <td class="el-table_1_column_3 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">13100000000</div>
					    </td>
					    <td class="el-table_1_column_4 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">熙康云医院-浑南院区</div>
					    </td>
					    <td class="el-table_1_column_5 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">23东软家属已婚女士套餐C</div>
					    </td>
					    <td class="el-table_1_column_6 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2015-02-12</div>
					    </td>
					    <td class="el-table_1_column_7 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">已归档</div>
					    </td>
					    <td class="el-table_1_column_8 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">取消预约</span>
					        </button>
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">编辑</span>
					        </button>
					      </div>
					    </td>
					  </tr>
					  <tr class="el-table__row">
					    <td class="el-table_1_column_1 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2023100256211023</div>
					    </td>
					    <td class="el-table_1_column_2 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">张一山</div>
					    </td>
					    <td class="el-table_1_column_3 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">13100000000</div>
					    </td>
					    <td class="el-table_1_column_4 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">熙康云医院-浑南院区</div>
					    </td>
					    <td class="el-table_1_column_5 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">23东软家属已婚女士套餐C</div>
					    </td>
					    <td class="el-table_1_column_6 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">2015-02-12</div>
					    </td>
					    <td class="el-table_1_column_7 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">已归档</div>
					    </td>
					    <td class="el-table_1_column_8 is-center el-table__cell" rowspan="1" colspan="1">
					      <div class="cell">
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">取消预约</span>
					        </button>
					        <button ref_key="_ref" ariadisabled="false" type="button" class="el-button">
					          <span class="">编辑</span>
					        </button>
					      </div>
					    </td>
					  </tr>
                    </tbody>
                  </table>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 分页控件 -->
    <div class="page">
      <div class="el-pagination is-background el-pagination--small mt-4">
        <button type="button" class="btn-prev is-first" disabled aria-label="Go to previous page" aria-disabled="true">
          <i class="el-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
              <path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path>
            </svg>
          </i>
        </button>
        <ul class="el-pager">
          <li class="is-active number" aria-current="true" aria-label="page 1" tabindex="0">1</li>
          <li class="number" aria-current="false" aria-label="page 2" tabindex="0">2</li>
          <li class="number" aria-current="false" aria-label="page 3" tabindex="0">3</li>
          <li class="number" aria-current="false" aria-label="page 4" tabindex="0">4</li>
          <li class="number" aria-current="false" aria-label="page 5" tabindex="0">5</li>
        </ul>
        <button type="button" class="btn-next is-last" aria-label="Go to next page" aria-disabled="false">
          <i class="el-icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
              <path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path>
            </svg>
          </i>
        </button>
      </div>
    </div>
  </div>

  <!-- Vue.js 应用 -->
  <script>
    const App = {
      data() {
        return {
          // 性别选项
          options: [
            { value: 'boy', label: '男士' },
            { value: 'women', label: '已婚女士' },
            { value: 'girl', label: '未婚女士' }
          ],
          
          // 预约院区选项
          yuanqu: [
            { value: 'hunnan', label: '沈阳熙康云医院-浑南院区' },
            { value: 'sanhao', label: '沈阳熙康云医院-三好街院区' },
            { value: 'shijidasha', label: '沈阳熙康云医院-世纪大厦' }
          ],
          
          // 预约套餐选项
          yuyuetaocao: [
            { value: 'taocanA', label: '23东软家属已婚女士套餐A' },
            { value: 'taocanB', label: '23东软家属已婚女士套餐B' },
            { value: 'taocanC', label: '23东软家属已婚女士套餐C' },
            { value: 'taocanD', label: '23东软家属已婚女士套餐D' }
          ],
          
          yuyuedate: '', // 预约时间
          radio2: '1',   // 是否归档
          
          // 预约列表数据
          yuyuelist: [
            {
              "ids": "2023100256211023",
              "name": "张一山",
              "phone": "13100000000",
              "address": "熙康云医院-浑南院区",
              "taocan": "23东软家属已婚女士套餐C",
              "yuyuedate": "2015-02-12",
              "guidang": "已归档"
            },
            // 更多预约数据...
          ]
        }
      },
      methods: {}
    };

    const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount("#app");
  </script>
</body>
</html>